.kd-tabs-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kd-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: $tabs-gap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    // position: relative;
    border-bottom: $tabs-border-width solid $tabs-border-color;

    .kd-tab-item {
        padding: $tabs-item-padding-y $tabs-item-padding-x;
        cursor: pointer;
        border-bottom: $tabs-item-active-border-width solid transparent;
        transition: $tabs-transition;

        &:hover,
        &:focus {
            color: $tabs-item-active-color;
        }

        &.is-active {
            color: $tabs-item-active-color;
            border-bottom: $tabs-item-active-border-width solid $tabs-item-active-color;
        }

        &.is-disabled {
            color: $tabs-item-disabled-color;
            pointer-events: none;
            cursor: default;
        }
    }
}

.kd-tab-content {
    flex: 1;
    padding: $tabs-item-padding-y 0;
}

// .kd-tab-item {

//     .kd-tab-content {
//         display: none;
//         color: $body-color;
//         cursor: default;
//     }

//     &.is-active > .kd-tab-content {
//         position: absolute;
//         top: calc(100% + 8px);
//         left: 0px;
//         display: block;
//     }
// }

.kd-tabs-vertical {

    &.kd-tabs-wrapper {
        flex-direction: row;
        gap: 20px;
    }

    .kd-tabs {
        flex-direction: column;
        border-bottom: none;
        border-right: $tabs-border-width solid $tabs-border-color;

        .kd-tab-item {
            display: flex;
            gap: 10px;
            border-bottom: 0;
            border-left: $tabs-item-active-border-width solid transparent;

            &:hover,
            &:focus {
                color: $tabs-item-active-color;
            }

            &.is-active {
                color: $tabs-item-active-color;
                border-bottom: 0;
                border-left: $tabs-item-active-border-width solid $tabs-item-active-color;
            }
        }
    }
}